export default (dom, data) => {
  const chart = window.ThsDataVStandardChart.init(dom);
  // x轴坐标
  const xlabel = Array.from({ length: data.length }, (_, index) => `${index}日`);
  // y轴坐标
  const min = Math.min(...data).toFixed(2);
  const max = Math.max(...data).toFixed(2);
  const yAxisOptions = { min, max };
  // 判断y轴是否需要插入0
  let showZero = false;
  if (min < 0 && max > 0) {
    showZero = true;
  }
  chart.play({
    option: {
      grid: {
        top: 18, // 设置图表的上边距
        bottom: 30, // 设置图表的下边距
        left: 0, // 设置图表的上边距
        right: 0, // 设置图表的下边距
        show: false,
      },
      xAxis: {
        type: 'category',
        data: xlabel,
        axisTick: {
          show: false, // 隐藏刻度
        },
        axisLine: {
          show: false, // 隐藏轴线
        },
        axisLabel: {
          show: true, // 隐藏文字
          fontWeight: 500,
          color: 'rgba(0, 0, 0, 0.6)',
        },
      },
      yAxis: {
        type: 'value',
        show: true,
        axisLabel: {
          inside: true,
          verticalAlign: 'bottom',
          fontWeight: 500,
          color: 'rgba(0, 0, 0, 0.6)',
        },
        splitLine: {
          show: true, // 隐藏横向网格线
        },
        ...yAxisOptions,
        splitNumber: showZero ? 2 : 1,
        axisTick: {
          show: false,
          interval: 1,
          data: showZero ? [min, 0, max] : [min, max],
        },
      },
      series: [
        {
          type: 'line',
          data: data,
          showSymbol: false, // 隐藏空心数据点
          lineStyle: {
            color: 'rgba(51,102,255,1)', // 修改折线颜色
          },
          areaStyle: {
            origin: 'start',
            color: {
              type: 'linear',
              x: 0,
              y: 0,
              x2: 0,
              y2: 1,
              colorStops: [
                {
                  offset: 0,
                  color: 'rgba(51,102,255,0.18)', // 渐变起始颜色和透明度
                },
                {
                  offset: 1,
                  color: 'rgba(51,102,255,0.00)', // 渐变结束颜色和透明度
                },
              ],
            },
          },
        },
      ],
    },
  });
};
